<div class="mt10 mb10">
	<p>ご希望の駅を選択して下さい。</p>
</div>

<!-- contents -->
<div id="contents">
<div id="rail">

	<!-- railwayBlock -->
	<div id="railwayBlock">
	{if $page.ekiword == ""}
		<div class="btnBlock">
			<ul>
				<li><img src="/images/rail/btn_map_01.jpg" alt="表示切り替え" width="71" height="25" /></li>
				<li>
					<span style="display:none" id="hyoji_syousai"><a href="javascript:changeMap(0);"><img src="/images/rail/btn_map_02.jpg" alt="詳細" width="62" height="25" class="rollImg" /></a></span>
					<span style="display:none" id="hyoji_syousai_no"><img src="/images/rail/btn_map_02_g.jpg" alt="詳細" width="62" height="25" /></span>
					<span id="hyoji_syousai_on"><img src="/images/rail/btn_map_02.jpg" alt="詳細" width="62" height="25" /></span>
				</li>
				<li>
					<span style="display:none" id="hyoji_kakudai"><a href="javascript:changeMap(1);"><img src="/images/rail/btn_map_03.jpg" alt="広域" width="62" height="25" class="rollImg" /></a></span>
					<span style="display:none" id="hyoji_kakudai_no"><img src="/images/rail/btn_map_03_g.jpg" alt="広域" width="62" height="25" /></span>
					<span id="hyoji_kakudai_on"><img src="/images/rail/btn_map_03.jpg" alt="広域" width="62" height="25" /></span>
				</li>
				<li>
					<span style="display:none" id="hyoji_metoro"><a href="javascript:changeMap(2);"><img src="/images/rail/btn_map_04.jpg" alt="地下鉄" width="63" height="25" class="rollImg" /></a></span>
					<span style="display:none" id="hyoji_metoro_no"><img src="/images/rail/btn_map_04_g.jpg" alt="地下鉄" width="63" height="25" /></span>
					<span id="hyoji_metoro_on"><img src="/images/rail/btn_map_04.jpg" alt="地下鉄" width="63" height="25" /></span>
				</li>
			</ul>
		</div>
	{else}
		<div class="headBlock"></div>
	{/if}
		<div class="innerBlock">
			<!-- railwayInner -->
			<div id="railwayInner">
			{if $page.ekiword == ""}
				<table cellspacing="0">
					<tr>
						<td><a href="javascript:moveMapArrow(1);"><img src="/images/rail/btn_allow_01.gif" alt="" width="19" height="19" /></a></td>
						<td class="cell01"><a href="javascript:moveMapArrow(2);"><img src="/images/rail/btn_allow_02.gif" alt="" width="18" height="19" /></a></td>
						<td><a href="javascript:moveMapArrow(3);"><img src="/images/rail/btn_allow_03.gif" alt="" width="19" height="19" /></a></td>
					</tr>
					<tr>
						<td class="cell02"><a href="javascript:moveMapArrow(4);"><img src="/images/rail/btn_allow_04.gif" alt="" width="19" height="18" /></a></td>
						
						<td width="398" height="408">
							<!-- 路線図 --><div id="map"></div>
						</td>
						<td class="cell02"><a href="javascript:moveMapArrow(5);"><img src="/images/rail/btn_allow_05.gif" alt="" width="19" height="18" /></a></td>
					</tr>
					<tr>
						<td><a href="javascript:moveMapArrow(6);"><img src="/images/rail/btn_allow_06.gif" alt="" width="19" height="19" /></a></td>
						<td class="cell01"><a href="javascript:moveMapArrow(7);"><img src="/images/rail/btn_allow_07.gif" alt="" width="18" height="19" /></a></td>
						<td><a href="javascript:moveMapArrow(8);"><img src="/images/rail/btn_allow_08.gif" alt="" width="19" height="19" /></a></td>
					</tr>
				</table>
			{else}
				<!-- 駅リスト -->
				<table cellspacing="0">
					<tr>
						<td colspan="3">&nbsp;</td>
					</tr>
					<tr>
						<td class="cell02">&nbsp;</td>
						<td>
							<!-- resultBlock -->
							<div id="resultBlock">
								<!-- amountBlock -->
								<div class="amountBlock">
									<p class="amount"><span class="dataTxt">{$ekiCount.CNT}</span>件中{$page.eki_st}～{$page.eki_ed}件表示</p>
									<ul>
										<li>
											{if $page.paging.page_bf != 0}<a href="javascript:Paging({$page.paging.page_bf});">{/if}
											<img width="12" height="12" alt="前へ" src="/images/search/common/icon_arrow_04.gif">
											{if $page.paging.page_bf != 0}</a>{/if}
										</li>
										{foreach from=$page.paging.page_li item=p}
											{if $p != $page.page}<li><a href="javascript:Paging({$p});">{else}<li class="stay">{/if}
											{$p}
											{if $p != $page.page}</a>{/if}</li>
										{/foreach}
										<li>
											{if $page.paging.page_af != 0}<a href="javascript:Paging({$page.paging.page_af});">{/if}
											<img width="12" height="12" alt="次へ" src="/images/search/common/icon_arrow_05.gif">
											{if $page.paging.page_af != 0}</a>{/if}
										</li>
									</ul>
								</div>
								<!-- /amountBlock -->
								<table>
									<tbody>
										<tr>
											<th align="center" class="css12"><font color="#666633">都道府県</font></td>
											<th align="center" class="css12"><font color="#666633">駅 名</font></td>
											<th align="center" class="css12"><font color="#666633">沿線名</font></td>
										</tr>
									{foreach from=$ekiList item=eki name=ekiLoop}
										<tr>
										<td bgcolor="#ffffff" class="ser_text" rowspan="1">{$eki.M43_TODOUFUKEN}</td>
										<td bgcolor="#ffffff" class="ser_text" rowspan="1"><a href="javascript:ReturnRosenzu('{$eki.M03_ROSENZU_EKI_CD}','{$eki.M03_TODOUFUKEN_CD}');">{$eki.M03_EKI_NAME}</a></td>
										<td bgcolor="#ffffff" class="ser_text">{$eki.ENSEN_LIST}</td>
										</tr>
									{/foreach}
									</tbody>
								</table>
							</div>
							<!-- /resultBlock -->
						</td>
						<td class="cell02">&nbsp;</td>
					</tr>
					<tr>
						<td colspan="3">&nbsp;</td>
					</tr>
				</table>
			{/if}
				<p id="logo"><a href="http://ekiworld.net/" target="_blank"><img height="25" width="91" alt="駅すぱあと" src="/images/rail/icn_exp.gif"></a></p>
			</div>
			<!-- /railwayInner -->
			<!-- operation -->
			<div id="operation">
				<div class="box01">
					<p class="title">
						{if $page.ekiword == ""}<img src="/images/rail/img_station_title.jpg" alt="この駅を中心に路線図を表示" width="241" height="30" />
						{else}<img src="/images/rail/img_station_title_02.jpg" alt="駅の検索" width="241" height="30" />{/if}
					</p>
					<div class="box01Inner">
						{if $page.ekiword == ""}<p class="txt">駅名を入力して「表示」ボタンをクリックして下さい。<br />ご希望の駅を中心にした線路図を表示します。</p>
						{else}<p class="allowText"><span>「</span><span class="names">{$page.ekiword}</span><span>」</span>の<br />検索結果を表示しています。</p>{/if}
						<div id="display">
						<form name="frmKensaku" action="{$apm.baseurl}search/rosenzusearch" method="post" onSubmit="return false;">
							<p class="station"><input name="ekiword" type="text" id="ekiword" maxlength="32" value="{$page.ekiword}"></p>
							<p class="btn"><a href="javascript:SendKensaku();"><img src="/images/rail/btn_display.jpg" alt="表示" width="60" height="28" class="rollImg" /></a></p>
							{section name=i start=0 loop=10}
								<input name="stcode[{$smarty.section.i.index}]" type="hidden" value="">
								<input name="station[{$smarty.section.i.index}]" type="hidden" value="">
							{/section}
							<input name="PrefCd[]" type="hidden" value="{$request.PrefCd[0]}">
							<input name="RsCd" type="hidden" value="">
							<input name="page_no" type="hidden" value="">
						</form>
						</div>
					</div>
				</div>
				<!-- /box01 -->
				<!-- box01 -->
				<div class="box01">
					<p class="title">{if $page.ekiword == ""}<img src="/images/rail/img_search_title.jpg" alt="路線図上の駅を指定して検索" width="241" height="30" />{/if}</p>
					<div class="box01Inner">
						{if $page.ekiword == ""}<p class="txt">路線図上で住みたい駅をクリックすると<br />候補駅として表示されます。</p>{/if}
						<dl id="selectStation">
						<form name="formEki" method="post" action="#">
							<dt><img src="/images/rail/txt_station.jpg" alt="選択された駅名／家賃相場表示" width="231" height="31" /></dt>
							{section name=i start=0 loop=10}
							<dd>
								<ul>
									{*駅名*}
									<li class="list01"><span id="eki_name{$smarty.section.i.index}"></span><span id="b_count{$smarty.section.i.index}"></span></li>
									{*家賃相場*}
									<li class="list02">
										<span style="display:none" id="yachin{$smarty.section.i.index}">
											<a href="javascript:YachinWin({$smarty.section.i.index});">
												<img src="/images/rail/btn_station_01.jpg" alt="表示する" width="53" height="15" class="rollImg" />
											</a>
										</span>
									</li>
									{*クリア*}
									<li>
										<span style="display:none" id="y_clear{$smarty.section.i.index}">
											<a href="javascript:StationClear({$smarty.section.i.index});">
												<img src="/images/rail/btn_station_02.jpg" alt="クリア" width="38" height="15" class="rollImg" />
											</a>
										</span>
										<span style="display:" id="n_clear{$smarty.section.i.index}">&nbsp;</span>
									</li>
								</ul>
							</dd>
							<input name="stcode[{$smarty.section.i.index}]" type="hidden" value="{$request.Restcode[$smarty.section.i.index]}">
							<input name="station[{$smarty.section.i.index}]" type="hidden" value="{$request.Restation[$smarty.section.i.index]}">
							{/section}
						</form>
						</dl>
						<div class="search">
						<form name="formSubmit" method="post" action="{$apm.baseurl}rstobi/rstobi" target="_top">
							<p class="btn01"><a href="javascript:goSubmit();"><img src="/images/rail/btn_search.gif" alt="検索" width="73" height="26" class="rollImg" /></a></p>
							<p class="btn02"><a href="javascript:Clear();"><img src="/images/rail/btn_clear.gif" alt="クリア" width="73" height="26" class="rollImg" /></a></p>
							{section name=i start=0 loop=10}
								<input name="stcode[{$smarty.section.i.index}]" type="hidden" value="{$request.stcode[$smarty.section.i.index]}">
								<input name="station[{$smarty.section.i.index}]" type="hidden" value="{$request.station[$smarty.section.i.index]}">
							{/section}
							{$hiddenTag}
						</form>
						</div>
					</div>
				</div>	
				<!-- /box01 -->
			</div>
			<!-- /operation -->
		</div>
	</div>
</div>
<!-- /search -->
</div><!-- /contents -->

{literal}
<script type="text/javascript">
<!--
// 物件数配列
arrBukkenCnt = new Array(100000);
{/literal}{foreach from=$bkncnt item=bkn_cnt}{literal}arrBukkenCnt[{/literal}{$bkn_cnt.A05_ROSENZU_CD}{literal}]={/literal}{$bkn_cnt.A05_BUKKEN_CNT}{literal};
{/literal}{/foreach}{literal}
function get_bukken_cnt(eki_cd){
  return arrBukkenCnt[eki_cd];
}

function MakeArray(n){
//////////////////////////////////////////
//  配列作成							//
//////////////////////////////////////////
	this.length = n;
	for(var i = 0; i <= n; i++){
		this[i-1] = null;
	}
	return this;
}

//////////////////////////////////////////
//  変数宣言							//
//////////////////////////////////////////
var mark;
var mark1;
var markArray = new MakeArray(10);		//マーキング配列
var balloon;
var app = null;					// アプリケーションオブジェクト
var expApp = null;			//駅すぱあとアプリケーションオブジェクト

{/literal}
var strRsCd = "{$request.RsCd}";							// 中心駅CD
var strShikibetu = "{$request.Shikibetu}";		// 識別子
var strPrefCd = "{$request.PrefCd[0]}";			// 都道府県CD
var ekiword = "{$page.ekiword}";					// 入力駅名（駅検索時に値が入る）
var baseurl = "{$apm.baseurl}";		// URL
{literal}

var stcode;
var prefix;

// Onload処理
var __onload_save = window.onload;
window.onload = function() {
  if (__onload_save) __onload_save();
  // 処理実行
  init();
  //onLoad();
  if (ekiword == "") onLoad();
  //ヒストリーバック対応
  historyBackSyori();
}
window.onunload= function() { }
//-->
</script>
{/literal}
